<template>
    <div>
        <div class="container">
			<div class="block-sci">
				<!-- 导航栏部分 -->
				<div class="sci-top-nav">
					<div class="w1200 after-clear">
						<div class="left-logo left">
							<a href="./01_shouye.html">
							<img src="../../public/image/sci/sci_logo.png" alt="">
							<img src="../../public/image/sci/sci_logo.png" >
							</a>
						</div>
						<div class="right right-info">
							<p>
								您好，欢迎来到爱发表！
								<span class="tel"></span>
								<span>服务热线： 400-888-9411</span>
								<a href="#" class="btn-zx">免费咨询</a>
							</p>
						</div>
					</div>
				</div>
				<!-- banner部分 -->
				<div class="sci-banner">
					<div class="w1200">
						<div class="left left-info">
							<h2>
								专注<span>SSCI</span><span>SCI</span><span>CSSCI</span><span>北大核心</span>
							</h2>
							<h1>SCI期刊投稿服务</h1>
							<div class="kb">
								<span class="white">多年服务铸就口碑</span>
							<span class="blue">SCI投稿信赖之选</span>
							</div>
							<a href="#" class="btn-zx btn-common">投稿咨询</a>
						</div>
						<div class="right right-info">
							<div class="right-img"></div>
						</div>
					</div>
				</div>
				<div class="w1200 sci-search-box">
					<div class="after-clear sci-search">
						<div class="left">
							<form name="search" class="search-form" action="/s.html" method="get">
								<input type="hidden" name="t" value="1">
								<div class="search-input">
									<div class="l">
										<select class="t" name="t">
											<option value="1">杂志</option>
										</select>
										<span class="img-search"></span>
										<input type="text" class="q w" name="q" autocomplete="off" placeholder="请输入期刊名或关键字" value="" maxlength="50">
									</div>
									<div class="r"><input type="submit" class="s" value="" onclick="if($('.w').val()==0){return false;}"></div>
								</div>
							</form>
						</div>
						<a href="javascript:void(0);" type="submit" class="sci-search-btn1 btn-common left" onclick="if($('.w').val()=='') return false; $('form[name=search]').submit();">搜索期刊</a>
						<span class="text-huo left">或</span>
						<a href="javascript:void(0);" onclick="openChat();" class="sci-search-btn2 btn-common left">投稿咨询</a>
					</div>
					<div class="after-clear sci-search-bottom">
						<p class="left">热门搜索：
							
							
							<a href="/sci/yx/" target="_blank" title="医学">医学</a>
							
							<a href="/sci/gcjs/" target="_blank" title="工程技术">工程技术</a>
							
							<a href="/sci/sw/" target="_blank" title="生物">生物</a>
							
							<a href="/sci/nykx/" target="_blank" title="农林科学">农林科学</a>
							
							<a href="/sci/hjst/" target="_blank" title="环境科学与生态学">环境科学与生态学</a>
							
							<a href="/sci/hx/" target="_blank" title="化学">化学</a>
							
							<a href="/sci/sx/" target="_blank" title="数学">数学</a>
							
							<a href="/sci/dx/" target="_blank" title="地学">地学</a>
							
							<a href="/sci/zhqk/" target="_blank" title="综合性期刊">综合性期刊</a>
							
							<a href="/sci/wl/" target="_blank" title="物理">物理</a>
							
							
							<a href="/vip/" target="_blank" title="SCI期刊">更多></a>
						</p>
						<div class="scrollnews left after-clear">
							<div class="hd">咨询动态</div>
							<div class="bd">
								<div class="tempWrap" style="overflow:hidden; position:relative;">
									<div class="tempWrap" style="overflow:hidden; position:relative;">
										<ul style="height: 720px; position: relative; padding: 0px; margin: 0px; top: 0">
											<li class="clone"><b>5分钟前</b>quoid1** 咨询了<span>期刊投稿</span>方案！</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!--期刊列表-->
				<div class='sci-common-box sci-qklist-box sci-qklist-boxdt w1200'>
					<div class='sci-common-title'>
						<h1>SCI期刊</h1>
						<p>SCI、SSCI、CSSCI，内部加急快速审稿</p>
					</div>
					
					<ul class='flexbox'>
						
						<li class='hoverimg lowerli'>
							<a @click="$router.push('/sciqf-zi')" title="Sustainability">
								<div class='item-img'>
									<img src="../../public/image/sci/2a45d_3efc.jpg" alt="Sustainability" />
								</div>
								<div class='item-info'>
									<div class='table'>
										<div class='table_cell'>
											<h4>Sustainability</h4>
										</div>
									</div>
									<span>中科院分区&emsp;3区</span>
								</div>
							</a>
						</li>
						
						<li class='hoverimg lowerli'>
							<a @click="$router.push('/sciqf-zi')" title="Acs Applied Materials & Interfaces">
								<div class='item-img'>
									<img src="../../public/image/sci/27520_14bcc.jpg" alt="Acs Applied Materials & Interfaces" />
								</div>
								<div class='item-info'>
									<div class='table'>
										<div class='table_cell'>
											<h4>Acs Applied Materials & Interfaces</h4>
										</div>
									</div>
									<span>中科院分区&emsp;1区</span>
								</div>
							</a>
						</li>
						
						<li class='hoverimg lowerli'>
							<a @click="$router.push('/sciqf-zi')" title="Science">
								<div class='item-img'>
									<img src="../../public/image/sci/2743f_2ab5.jpg" alt="Science" />
								</div>
								<div class='item-info'>
									<div class='table'>
										<div class='table_cell'>
											<h4>Science</h4>
										</div>
									</div>
									<span>中科院分区&emsp;1区</span>
								</div>
							</a>
						</li>
						
						<li class='hoverimg lowerli'>
							<a @click="$router.push('/sciqf-zi')" title="Sensors">
								<div class='item-img'>
									<img src="../../public/image/sci/2775f_d825.jpg" alt="Sensors" />
								</div>
								<div class='item-info'>
									<div class='table'>
										<div class='table_cell'>
											<h4>Sensors</h4>
										</div>
									</div>
									<span>中科院分区&emsp;3区</span>
								</div>
							</a>
						</li>
						
						<li class='hoverimg lowerli'>
							<a @click="$router.push('/sciqf-zi')" title="Chemical Engineering Journal">
								<div class='item-img'>
									<img src="../../public/image/sci/27303_18030.jpg" alt="Chemical Engineering Journal" />
								</div>
								<div class='item-info'>
									<div class='table'>
										<div class='table_cell'>
											<h4>Chemical Engineering Journal</h4>
										</div>
									</div>
									<span>中科院分区&emsp;1区</span>
								</div>
							</a>
						</li>
						
						<li class='hoverimg lowerli'>
							<a @click="$router.push('/sciqf-zi')" title="Advanced Materials">
								<div class='item-img'>
									<img src="../../public/image/sci/2754e_d6ec.jpg" alt="Advanced Materials" />
								</div>
								<div class='item-info'>
									<div class='table'>
										<div class='table_cell'>
											<h4>Advanced Materials</h4>
										</div>
									</div>
									<span>中科院分区&emsp;1区</span>
								</div>
							</a>
						</li>
						
						<li class='hoverimg'>
							<a @click="$router.push('/sciqf-zi')" title="Materials">
								<div class='item-img'>
									<img src="../../public/image/sci/2751f_57e9.jpg" alt="Materials" />
								</div>
								<div class='item-info'>
									<div class='table'>
										<div class='table_cell'>
											<h4>Materials</h4>
										</div>
									</div>
									<span>中科院分区&emsp;3区</span>
								</div>
							</a>
						</li>
						
						<li class='hoverimg'>
							<a @click="$router.push('/sciqf-zi')" title="Remote Sensing">
								<div class='item-img'>
									<img src="../../public/image/sci/2a36f_10b9b.jpg" alt="Remote Sensing" />
								</div>
								<div class='item-info'>
									<div class='table'>
										<div class='table_cell'>
											<h4>Remote Sensing</h4>
										</div>
									</div>
									<span>中科院分区&emsp;2区</span>
								</div>
							</a>
						</li>
						
						<li class='hoverimg'>
							<a @click="$router.push('/sciqf-zi')" title="Energy">
								<div class='item-img'>
									<img src="../../public/image/sci/275c5_1095e.jpg" alt="Energy" />
								</div>
								<div class='item-info'>
									<div class='table'>
										<div class='table_cell'>
											<h4>Energy</h4>
										</div>
									</div>
									<span>中科院分区&emsp;2区</span>
								</div>
							</a>
						</li>
						
						<li class='hoverimg'>
							<a @click="$router.push('/sciqf-zi')" title="Environmental Science & Technology">
								<div class='item-img'>
									<img src="../../public/image/sci/275cf_a882.jpg" alt="Environmental Science & Technology" />
								</div>
								<div class='item-info'>
									<div class='table'>
										<div class='table_cell'>
											<h4>Environmental Science & Technology</h4>
										</div>
									</div>
									<span>中科院分区&emsp;1区</span>
								</div>
							</a>
						</li>
						
					</ul>
					
				</div>
				<!-- 我们的服务 -->
				<div class="sci-common-box sci-ourfw-box">
					<div class="w1200">
						<div class="sci-common-title">
							<h1>我们的服务</h1>
							<p>我们在过去一年内已帮助多名作者在SCI、SSCI、CSSCI等核心期刊实现发表。</p>
						</div>
						<ul class="flexbox">
							<li>
							<a href="javascript:void(0);" onclick="openChat();">
								<h5>SCI期刊投稿指导</h5>
								<p>我们拥有丰富的SCI期刊服务经验，紧跟发表政策变化，为您提供个性化定制服务，加速您的投稿流程，让您的学术成果快速发表。</p>
								<dl>
									<dt>我们为您提供：</dt>
									<dd>期刊推荐</dd>
									<dd>投稿协助</dd>
									<dd>检索报告</dd>
									<dd>内容评估服务</dd>
								</dl>
							</a>
							</li>
							<li>
							<a href="javascript:void(0);" onclick="openChat();">
								<h5>期刊投稿后跟踪服务</h5>
								<p>投稿顾问一对一指导，提供期刊匹配方案，优化投稿流程，缩短发表时间，大量节约投稿流程中耗费的时间和精力。</p>
								<dl>
									<dt>我们为您提供：</dt>
									<dd>回复信审查</dd>
									<dd>拒稿支持</dd>
									<dd>拒稿重投</dd>
								</dl>
							</a>
							</li>
							<li>
							<a href="javascript:void(0);" onclick="openChat();">
								<h5>论著出书</h5>
								<p>可以提升个人学术知名度，提高学术声望，扩大科研影响力。</p>
								<dl>
									<dt>我们为您提供：</dt>
									<dd>定制个性化出版方案</dd>
									<dd>申请出书版号</dd>
									<dd>优化流程，缩短出版周期</dd>
								</dl>
							</a>
							</li>
						</ul>
						<div class="btn-groups">
							<a href="javascript:void(0);" onclick="openChat();" class="btn-common btn-fw1">免费咨询</a>
							<a href="javascript:void(0);" onclick="openChat();" class="btn-common btn-fw2">获取SCI投稿方案</a>
						</div>
					</div>
				</div>
				<!-- 我们的服务 -->
				
				<div class="sci-common-box sci-chooseus-box">
					<div class="w1200">
						<div class="sci-common-title sci-common-title-white">
							<h1>选择我们的理由</h1>
						</div>
						<ul class="flexbox">
							<li>
								<a href="javascript:void(0);" onclick="openChat();">
									<div class="item-img"></div>
									<h6>质量保障</h6>
									<p>推荐期刊可在中科院分区查询，保障正刊。企业资质合规可查。</p>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);" onclick="openChat();">
									<div class="item-img"></div>
									<h6>售后保障</h6>
									<p>不成功即退款，顾问7X16小时在线，每一步流程都有短信提醒。</p>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);" onclick="openChat();">
									<div class="item-img"></div>
									<h6>隐私保护</h6>
									<p>签署合作协议，严格保密用户信息，可跟踪进程协议保护。</p>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);" onclick="openChat();">
									<div class="item-img"></div>
									<h6>便捷支付&amp;正规发票</h6>
									<p>支付走对公账户，并受第三方支付宝监管，安全放心。</p>
								</a>
							</li>
						</ul>
					</div>	
				</div>
				<!-- 服务口碑 -->
				<!-- 服务流程 -->
				<div class="sci-common-box sci-fwlc-box">
					<div class="w1200">
						<div class="sci-common-title">
							<h1>服务流程</h1>
						</div>
						<div class="lcbox">
							<a href="javascript:void(0);" onclick="openChat();"></a>
						</div>
					</div>	
				</div>
				<!-- 常见的问题 -->
				<div class="sci-common-box sci-cjwt-box">
					<div class="w1200">
						<div class="sci-common-title">
							<h1>常见问题</h1>
							<p>期刊推荐、进度管理、更方便，更快捷</p>
						</div>
						<div class="cjwtbox after-clear">
							<div class="left left-img"></div>
							<div class="right right-info">
								<ul>
									<li class="active">
										<div class="wttitle">
											<b>01</b>
											<p>请问有哪些服务，对我有何帮助？</p>
											<span class="open"></span>
										</div>
										<div class="wtanswer">
											<p>您好，我们拥有多年丰富的期刊服务经验，可以协助您进行期刊投稿，优化投稿流程，避免频繁碰壁，缩短发表周期，节省您的宝贵时间，让您的学术成果快速发表。</p>
										</div>
									</li>
									<li>
										<div class="wttitle">
											<b>02</b>
											<p>你们的服务可以保证稿件被发表吗？</p>
											<span class="close"></span>
										</div>
										<div class="wtanswer">
											<p>能否发表主要取决于您稿件本身的内容，期刊编辑会基于一定的考量，比如发表范围、投稿资料、研究原创性等内容做出主观决定。因此，任何正规的学术服务机构均无法保证发表，但我们会用专业知识和经验，帮助您理解和遵循发表要求，助您提升发表几率。</p>
										</div>
									</li>
									<li>
										<div class="wttitle">
											<b>03</b>
											<p>如果稿件被拒，可以退款吗？</p>
											<span class="close"></span>
										</div>
										<div class="wtanswer">
											<p>若我们未达到服务承诺，我们将退还款项。但请注意，稿件能否发表完全取决于期刊的独立考量。根据您选择的服务方案，我们的顾问将帮助您尽可能提升发表几率，并指导您如何避免拒稿。</p>
										</div>
									</li>
									<li>
										<div class="wttitle">
											<b>04</b>
											<p>想快速发表，可以加急吗？</p>
											<span class="close"></span>
										</div>
										<div class="wtanswer">
											<p>正常情况下能满足大部分的用户，建议您提前一点时间准备。 如果客户需要加急服务，则需要我们和杂志社沟通，如果确认可以加急，可能会收取一定加急费用。</p>
										</div>
									</li>
									<li>
										<div class="wttitle">
											<b>05</b>
											<p>我可以跟踪进展情况吗？</p>
											<span class="close"></span>
										</div>
										<div class="wtanswer">
											<p>当然可以，我们会通过短信或电话主动沟通，及时汇报进展情况。您也可以拨打您的客服老师电话和我司设立的投诉电话进行咨询。</p>
										</div>
									</li>
									<li>
										<div class="wttitle">
											<b>06</b>
											<p>我该在什么时候付款？</p>
											<span class="close"></span>
										</div>
										<div class="wtanswer">
											<p>如果您确定好了要投稿的期刊，需要先向我们支付定金，在服务结束时，再向我们支付尾款。</p>
										</div>
									</li>
									<li>
										<div class="wttitle">
											<b>07</b>
											<p>如果投稿发表失败，可以退款吗？</p>
											<span class="close"></span>
										</div>
										<div class="wtanswer">
											<p>若我们未达到服务承诺，由本站退还客户支付的费用。但客户单方面终止订单，是不能退款的。但请注意，稿件能否发表完全取决于期刊的独立考量。我们的顾问将帮助您尽可能提升发表几率，并指导您如何避免拒稿。</p>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>	
				</div>
				<!-- 他们都在使用 -->
				<div class="sci-common-box sci-others-box">
					<div class="w1200">
						<div class="sci-common-title">
							<h1>他们都在使用</h1>
							<p>我们为科研学者、大学和期刊、出版物、学术协会、企业、政策制定者和其他从事研究的客户提供一系列的支持服务</p>
						</div>
						<ul class="flexbox">
							<li>
								<a href="javascript:void(0);" onclick="openChat();">
									<div class="item-img"></div>
									<span>大学教授</span>
								</a>	
							</li>
							<li>
								<a href="javascript:void(0);" onclick="openChat();">
									<div class="item-img"></div>
									<span>医生</span>
								</a>	
							</li>
							<li>
								<a href="javascript:void(0);" onclick="openChat();">
									<div class="item-img"></div>
									<span>学生</span>
								</a>	
							</li>
							<li>
								<a href="javascript:void(0);" onclick="openChat();">
									<div class="item-img"></div>
									<span>教师</span>
								</a>	
							</li>
							<li>
								<a href="javascript:void(0);" onclick="openChat();">
									<div class="item-img"></div>
									<span>公务员</span>
								</a>	
							</li>
							<li>
								<a href="javascript:void(0);" onclick="openChat();">
									<div class="item-img"></div>
									<span>科研人员</span>
								</a>	
							</li>
						</ul>
					</div>	
				</div>
				<!-- 广告 -->
				<div class="sci-ad">
					<div class="w1200">
						<a href="javascript:void(0);" onclick="openChat();">
							<div class="table">
								<div class="table_cell">
									<p>期刊投稿服务,助力快速发表</p>
									<span>SCI发表咨询</span>
								</div>
							</div>
						</a>
					</div>
				</div>
				<div class="sci_dibu_footer">
				<footer class="w1200">
					<div class="sci-foot">
						<div class="after-clear">
							<div class="left left-panel">
								<ul class="after-clear">
									<li><a href="/vip/index.html#a1" target="_blank">关于我们</a></li>
									<li><a href="/vip/zhengjian.html" target="_blank">许可证件</a></li>
									<li><a href="/vip/index.html#a3" target="_blank">版权声明</a></li>
									<li><a href="/vip/index.html#a4" target="_blank">廉政举报</a></li>
								</ul>
								<p>
									工信部备案：<a href="https://beian.miit.gov.cn" rel="nofollow" target="_blank">辽ICP备18014953号-6</a>
									<span class="gabba">辽公网安备</span>：<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=21010302000628" rel="nofollow" target="_blank">21010302000628</a>
								</p>
							</div>
							<div class="right right-panel">
								<p>学术热线 : <b>400-888-9411</b></p>
								<p>服务时间 : 每日 <b>8:00 - 24:00</b></p>
							</div>
						</div>
					</div>
				</footer>
			</div>
			</div>
		</div>  
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
@charset "utf-8";
body{font: 12px/1.5 "微软雅黑", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "宋体";color:#333;} 
body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, marquee, from{margin:0;padding:0;} 
ol, ul ,li{list-style: none;} 
img {border: 0; vertical-align:middle;}
a{color:#333;text-decoration:none; }
a:hover{color: #333;text-decoration: none;}
.container *{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.nosetBoxsizng *{-moz-box-sizing: unset;-webkit-box-sizing: unset;-o-box-sizing: unset;-ms-box-sizing: unset;box-sizing: unset; }
body{
	background-color: #fff;
	min-width: 1200px;
}
.container a:hover{
	opacity: .8;
}
.gray-body{
	background-color: #f9f9f9;
}
.left{
	float: left;
}
.right{
	float: right;
}
ul.flexbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.flexbox li{
   	display: block;
	align-items: center;
    justify-content: flex-start;
}
.table{display: table;height:100%;}
.table_cell {
    display: table-cell;
    vertical-align: middle;
}
.btn-common{
	display: block;
	font-size: 14px;
	text-align: center;
	color: #fff;
	-webkit-transition: all .4s;
    transition: all .4s;
}
.hoverimg img{
	-webkit-transition: transform 0.6s ease;
    -moz-transition: transform 0.6s ease;
    -ms-transition: transform 0.6s ease;
    transition: transform 0.6s ease;
}
.hoverimg:hover img{
	-webkit-transform:scale(1.01); 
	-moz-transform:scale(1.01); 
	-ms-transform:scale(1.01); 
	transform:scale(1.01);
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}
.after-clear::after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.sci-common-title{
	text-align: center;
	padding: 60px 0 36px 0;
	line-height: 1;
}
.sci-common-title-white{
	padding: 85px 0 65px 0;
}
.sci-common-title h1{
	font-size: 33px;
	font-weight: bold;
}
.sci-common-title-white h1{
	color: #fff;
}
.sci-common-title h1:before{
	content: "";
    display: inline-block;
    width: 41px;
    height: 11px;
    margin: 0 20px 4px 0;
    vertical-align: middle;
    background: url(../../public/image/sci/sci_icon_title.png) no-repeat;
}
// .sci-common-title-white h1:before{
// 	background: url(../../public/image/sci/sci_icon_title_white.png) no-repeat;
// }
.sci-common-title h1:after{
	content: "";
    display: inline-block;
    width: 41px;
    height: 11px;
    margin: 0 0 4px 20px;
    vertical-align: middle;
    background: url(../../public/image/sci/sci_icon_title.png) no-repeat;
}
// .sci-common-title-white h1:after{
// 	background: url(../../public/image/sci/sci_icon_title_white.png) no-repeat;
// }
.sci-common-title p{
	font-size: 16px;
	color: #999;
	margin-top: 20px;
}
/*顶部*/
.sci-top-nav{
	width: 100%;
	position: absolute;
	top: 0;
	height: 70px;
	line-height: 70px;
	z-index: 99;
}
.sci-top-nav .left-logo>a{
	display: block;
	width: 250px;
	height: 70px;
}
.sci-top-nav .right-info{
	font-size: 12px;
	color: #fff;
}
.sci-top-nav .right-info p{
	line-height: 70px;
}
.sci-top-nav .right-info .tel{
	display: inline-block;
}
.sci-top-nav .right-info .tel:before{
	display: inline-block;
	content: '';
	width: 20px;
	height: 20px;
	background: url(../../public/image/sci/sci_icon_tel.png) no-repeat;
	vertical-align: middle;
	margin: 0 8px 4px 15px;
}
.sci-top-nav .right-info a{
	color: #fff;
}
.sci-top-nav .right-info a.btn-zx{
	display: inline-block;
	height: 28px;
	line-height: 26px;
	font-size: 12px;
	border-radius: 3px;
	padding: 0 12px;
	border: 1px solid rgba(255,255,255,0.2);
	margin-left: 20px;
}
.sci-top-nav .right-info a.btn-zx:hover{
	color: #fff;
	border-color: rgba(255,255,255,0.6);
}
/*banner*/
.sci-banner{
	width: 100%;
    height: 550px;
    background: url(../../public/image/sci/sci_banner.png) no-repeat;
    background-size: cover;
}
.sci-banner>.w1200{
	height: 550px;
	position: relative;
}
.sci-banner .left-info{
	color: #fff;
	padding-top: 128px;
}
.sci-banner .left-info h2{
	font-size: 40px;
}
.sci-banner .left-info h2 span{
	display: inline-block;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0 15px;
	border: 1px solid rgba(255,255,255,0.2);
	font-weight: normal;
	vertical-align: middle;
	margin: 0 6px 4px 0;
}
.sci-banner .left-info h2 span:first-of-type{
	margin-left: 22px;
}
.sci-banner .left-info h1{
	font-size: 64px;
	line-height: 1;
	text-shadow:8px 0 8px rgba(37, 55, 152, 0.11);
}
.sci-banner .left-info .kb{
	margin-top: 22px;
}
.sci-banner .left-info .kb span{
	display: inline-block;
	width: 265px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	letter-spacing: 4px;
}
.sci-banner .left-info .kb span.blue{
	background-color: rgba(40, 190, 225, 0.3);
	font-size: 23px;
	color: #fff;
}
.sci-banner .left-info .kb span.white{
	background-color: #fff;
	font-size: 23px;
	color: #2164a2;
}
.sci-banner .left-info .btn-zx{
	display: inline-block;
	width: 180px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	border-radius: 4px;
	border: 1px solid rgba(243,243,243,0.5);
	margin-top: 38px;
}
.sci-banner .left-info .btn-zx:before {
    content: '';
    position: relative;
    top: 2px;
    left: -20px;
    transition: all 0.4s;
    display: inline-block;
    background: url(../../public/image/sci/sci_icon_banner_btn.png) no-repeat;
    width: 20px;
    height: 18px;
    background-position: 0 0;
}
.sci-banner .left-info .btn-zx:after {
    content: '';
    position: relative;
    top: 2px;
    right: -20px;
    transition: all 0.4s;
    display: inline-block;
    background: url(../../public/image/sci/sci_icon_banner_btn.png) no-repeat;
    width: 20px;
    height: 18px;
    background-position: -135px 0;
}
.sci-banner .left-info .btn-zx:hover {
  border-color: #f3f3f3;
  opacity: 1;
  color: #fff;
}
.sci-banner .left-info .btn-zx:hover:before {
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity: 0;
}
.sci-banner .left-info .btn-zx:hover:after {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  opacity: 0;
}
.sci-banner .right-img{
	width: 481px;
    height: 391px;
    background-image: url(../../public/image/sci/sci_banner_yxr.png);
    position: absolute;
    bottom: 74px;
    right: -36px;
}
/*搜索*/
.sci-search-box{
	height: 170px;
    background-color: #fff;
    border-radius: 6px;
    position: relative;
    top: -75px;
    margin: auto;
    padding: 50px 50px 0 50px;
    box-shadow: 0 0 12px rgba(119,119,119,0.2);
}
.sci-search-box .search-input{
	width:694px;
	height:54px;
	border-radius: 6px;
	background-color:#f6f6f6;
	overflow:hidden;
}
.sci-search-box .search-input .l{
	width:90%;
	height:54px;
	line-height: 54px;
	overflow:hidden;
	background-color:#f6f6f6;
	position: relative;
}
.sci-search-box .search-input .l::before{
	content: "期刊检索";
	display: inline-block;
	width: 105px;
	height: 18px;
	line-height: 18px;
	margin-top: 18px;
	position: absolute;
	left: 0;
	border-right: 1px solid #eee;
	font-size: 14px;
	color: #222;
	text-align: center;
}
.sci-search-box .search-input .r{
	width:10%;
	height:54px;
	background-color: #f6f6f6;
}
.sci-search-box .search-input .t{
	border:0 none;
	outline:0 none;
	font-size:14px;
	color:#666;
	width:20%;
	height:24px;
	margin:5px 0 5px 5px;
	display: none;
}
.sci-search-box .search-input .q{
	float: left;
	border:0 none;
	outline:0 none;
	font-size:14px;
	color:#999;
	width:93%;
	height:54px;
	line-height: 54px;
	background-color: #f6f6f6;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1fffffff, endcolorstr=#1fffffff);
	padding-left: 160px;
}
.sci-search-box .search-input .img-search{
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(../../public/image/sci/sci_icon_search.png) no-repeat;
    top: 18px;
    left: 130px;
}
.sci-search-box .search-input .q:-webkit-autofill,
.sci-search-box .search-input .q:-webkit-autofill:hover,
.sci-search-box .search-input .q:-webkit-autofill:focus {box-shadow:0 0 0 60px #f6f6f6 inset; 
-webkit-text-fill-color: #999;
font-size:15px;
color:#acacac;
border:0 none;
outline:0 none;
}
.sci-search-box .search-input .s{
	border:0 none;
	outline:0 none;
	width: 100%;
	height:54px;
	line-height:54px;
	background-color: #f6f6f6;
	// background: url(../img/icon_search_blue.png) no-repeat center;
}
.sci-search-box .search-input .s:hover{
	color: #049ca2;
}
.sci-search-box .search-input:hover .s{
	cursor: pointer;
}
.sci-search-box .search-input .q:-webkit-autofill,
.sci-search-box .search-input .q:-webkit-autofill:hover,
.sci-search-box .search-input .q:-webkit-autofill:focus {box-shadow:0 0 0 60px #4fcfbd inset; 
font-size: 14px;
-webkit-text-fill-color: #999;
}
.sci-search-box .search-input .q::-webkit-input-placeholder{
	font-size: 14px;
	color: #999;
}
.sci-search-box .search-input .q::-moz-placeholder{   /* Mozilla Firefox 19+ */
	font-size: 14px;
	color: #999;
}
.sci-search-box .search-input .q:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	font-size: 14px;
	color: #999;
}
.sci-search-box .search-input .q:-ms-input-placeholder{  /* Internet Explorer 10-11 */
	font-size: 14px;
	color: #999;
}
.text-huo{
	width: 46px;
	height: 54px;
    line-height: 54px;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.sci-search-btn1 {
	display: inline-block;
    width: 180px;
    height: 54px;
    line-height: 54px;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    background-image: linear-gradient(to right, #0b85ed , #0b64d6);
}
.sci-search-btn1:hover{
	opacity: 1;
	color: #fff !important;
	background-image: linear-gradient(to right, #0ba8f1 , #0b82dc);
}
.sci-search-btn2 {
	display: inline-block;
    width: 180px;
    height: 54px;
    line-height: 54px;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    background-image: linear-gradient(to right, #fe7539 , #f3480b);
}
.sci-search-btn2:hover{
	opacity: 1;
	color: #fff !important;;
	background-image: linear-gradient(to right, #fe8943 , #f35c0e);
}
.sci-search-bottom>p{
	width: 758px;
	height: 66px;
	line-height: 66px;
	font-size: 12px;
	color: #999;
}
.sci-search-bottom>p:before{
	content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../../public/image/sci/sci_icon_book.png) no-repeat;
    vertical-align: middle;
    margin: 0 6px 2px 0;
}
.sci-search-bottom>p:after{
	content: "";
	float: right;
	margin-top: 26px;
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #d2d2d2;
}
.sci-search-bottom>p>a{
	font-size: 12px;
	color: #999;
	margin-right: 16px;
}
.sci-search-bottom>p>a:hover{
	color: #0b71d9;
}
.scrollnews{
	height: 66px;
	line-height: 66px;
	margin-left: 30px;
	font-size: 12px;
	color: #999;
}
.scrollnews .hd, .scrollnews .bd{
	float: left;
}
.scrollnews .hd{
	margin-right: 16px;
}
.scrollnews .bd ul{
	width: 244px;
}
.scrollnews .bd ul li{
	text-align: right;
	height: 66px;
	line-height: 66px;
}
.scrollnews .bd ul li b{
	font-weight: normal;
	margin-right: 10px;
}
.scrollnews .bd ul li span{
	color: #0b71d9;
}
/*期刊列表*/
.sci-qklist-box .sci-common-title{
	margin-top: 0;
	padding-top: 0;
}
.sci-qklist-box ul li{
	width: 225px;
	height: 340px;
	margin-bottom: 18px;
	background-color: #f7f7f7;
	padding: 35px 10px 10px 0;
	text-align: center;
}
.sci-qklist-box ul li .item-img{
	width: 145px;
	height: 200px;
	margin: 0 auto;
}
.sci-qklist-box ul li .item-img img{
	width: 100%;
	height: 100%;
}
.sci-qklist-box ul li .table{
	height: 72px;
    width: 100%;
    text-align: center;
}
.sci-qklist-box ul li.lowerli .table{
	height: 52px;
}
.sci-qklist-box ul li h4{
	font-size: 15px;
	color: #111;
}
.sci-qklist-box ul li:hover h4{
	color: #0b71d9;
}
.sci-qklist-box ul li span{
	font-size: 13px;
	color: #777;
	text-decoration: underline;
}
/* 动态期刊 */
.sci-qklist-boxdt ul li .item-info{
	margin-top: 10px;
}
.sci-qklist-boxdt ul li h4{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	padding: 0 6px;
}
.sci-qklist-boxdt ul li .table{
	height: 50px;
}
.sci-qklist-boxdt ul li span{
	text-decoration: none;
}
/*我们的服务*/
.sci-ourfw-box{
	width: 100%;
	padding-bottom: 50px;
	background-color: #f8f8f8;
}
.sci-ourfw-box ul li{
	width: 386px;
	height: 385px;
	padding: 0 40px;
	background-color: #fff;
	position: relative;
}
.sci-ourfw-box ul li .fwmask {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #30e5ff;
    background: linear-gradient(70deg, #079af1 0%, rgba(64, 211, 245, 0.85) 54%, rgba(20, 127, 245, 0.85) 100%);
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.06);
    padding-top: 135px;
    text-align: center;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    transition: all 0.4s;
    z-index: 4;
}
/* .sci-ourfw-box ul li:hover .fwmask{
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
} */
.sci-ourfw-box ul li:hover{
	box-shadow:0 0 10px rgba(0,0,0,0.08);
}
.sci-ourfw-box ul li:hover a{
	color: #333 !important;;
}
.sci-ourfw-box ul li .fwmask>a{
	display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    transition: all 0.4s;
    font-weight: bold;
    margin: 0 auto;
}
.sci-ourfw-box ul li .fwmask>a:first-of-type{
	background-color: #ffffff;
    box-shadow: 0px 0px 8px 0px #079af1;
    border-radius: 4px;
    color: #079af1;
    margin-bottom: 15px;
}
.sci-ourfw-box ul li .fwmask>a:last-of-type{
	border-radius: 4px;
    border: solid 1px #ffffff;
    color: #fff;
}
.sci-ourfw-box ul li .fwmask>a:last-of-type:hover {
  color: #079af1;
  background-color: #fff;
}
.sci-ourfw-box ul li h5{
	padding-top: 50px;
	line-height: 1;
	font-size: 20px;
	position: relative;
}
.sci-ourfw-box ul li:hover{
	box-shadow:0 0 25px rgba(204, 204, 204, 0.2);
}
.sci-ourfw-box ul li:hover h5{
	color: #0b71d9;
}
.sci-ourfw-box ul li h5:before{
	content: "";
    display: inline-block;
    width: 4px;
    height: 20px;
    background-color: #0b71d9;
    position: absolute;
    left: -40px;
    top: 51px;
}
.sci-ourfw-box ul li p{
	height: 84px;
	font-size: 14px;
	color: #555;
	line-height: 2;
	margin: 20px 0;
	text-align: justify;
}
.sci-ourfw-box ul li dl dt{
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	color: #0b71d9;
	margin-bottom: 14px;
}
.sci-ourfw-box ul li dl dd{
	font-size: 14px;
	line-height: 2;
}
.sci-ourfw-box ul li dl dd:before{
	content: "";
    display: inline-block;
    width: 11px;
    height: 9px;
    // background: url(../../public/image/sci/sci_icon_tick.png) no-repeat;
    background-position: 0px -29px;
    margin-right: 12px;
}
.sci-ourfw-box .btn-groups{
	text-align: center;
	margin-top: 50px;
}
.sci-ourfw-box .btn-groups a{
	display: inline-block;
    width: 180px;
    height: 54px;
    line-height: 54px;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
}
.sci-ourfw-box .btn-groups a.btn-fw1{
	margin-right: 22px;
	background-image: linear-gradient(to right, #fe7539 , #f3480b);
}
.sci-ourfw-box .btn-groups a.btn-fw1:hover{
	opacity: 1;
	background-image: linear-gradient(to right, #fe8943 , #f35c0e);
}
.sci-ourfw-box .btn-groups a.btn-fw2{
	border: 1px solid #fe7539;
	color: #f3480b;
	vertical-align: middle;
    margin-bottom: 6px;
}
.sci-ourfw-box .btn-groups a.btn-fw2:hover{
	opacity: 1;
	border-color: #fe9a21;
	color: #f36a0d;
}
/*选择我们的理由*/
.sci-chooseus-box{
	width: 100%;
	height: 526px;
	background: url(../../public/image/sci/sci_bg_choose.png) no-repeat;
	background-size: cover;
}
.sci-chooseus-box ul{
	height: 344px;
	background-color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.sci-chooseus-box ul li{
	width: 25%;
	padding: 0 40px;
	text-align: center;
}
.sci-chooseus-box ul li:hover h6{
	color: #0b71d9;
}
.sci-chooseus-box ul li .item-img{
	width: 160px;
	height: 130px;
	margin: 54px auto 0;
	background: url(../../public/image/sci/sci_icon_choose.png) no-repeat;
	background-position: 31px 0;
}
.sci-chooseus-box ul li:nth-of-type(2) .item-img{
	background-position: -259px 0;
}
.sci-chooseus-box ul li:nth-of-type(3) .item-img{
	background-position: -564px 0;
}
.sci-chooseus-box ul li:nth-of-type(4) .item-img{
	background-position: -861px 0;
}
.sci-chooseus-box ul li h6{
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
}
.sci-chooseus-box ul li p{
	padding: 0 6px;
	font-size: 14px;
	color: #777;
	line-height: 1.75;
}
/*服务口碑*/
.sci-fwkb-box{
	background-color: #f8f8f8;
}
.sci-fwkb-box ul{
	padding: 40px 0 80px 0;
}
.sci-fwkb-box ul li{
	text-align: center;
}
.sci-fwkb-box ul li:hover a{
	color: #333 !important;;
}
.sci-fwkb-box ul li:hover p.num b{
	color: #0b71d9;
}
.sci-fwkb-box ul li p.num{
	font-size: 18px;
}
.sci-fwkb-box ul li p.num b{
	font-size: 40px;
}
.sci-fwkb-box ul li p.title{
	font-size: 18px;
	color: #777;
}
/*服务流程*/
.sci-fwlc-box .lcbox{
	height: 108px;
	margin: 64px 0 60px 0;
	background: url(../../public/image/sci/Snipaste.png) no-repeat;
	background-size: cover;
}
.sci-fwlc-box .lcbox>a{
	display: block;
	width: 100%;
	height: 108px;
}
/*常见问题*/
.sci-cjwt-box{
	width: 100%;
	background-color: #f8f8f8;
}
.sci-cjwt-box .cjwtbox{
	padding: 10px 0 80px 0;
}
.sci-cjwt-box .cjwtbox .left-img{
	width: 283px;
	height: 431px;
	margin-right: 105px;
	background: url(../../public/image/sci/sci_bg_cjwt.png) no-repeat;
}
.sci-cjwt-box .cjwtbox .right-info{
	width: 812px;
	margin-top: -22px;
}
.sci-cjwt-box .cjwtbox .right-info ul li .wttitle{
	height: 68px;
	line-height: 68px;
	border-bottom: 1px solid #f3f3f3;
	cursor: pointer;
}
.sci-cjwt-box .cjwtbox .right-info ul li .wttitle:hover{
	color: #0b71d9;
}
.sci-cjwt-box .cjwtbox .right-info ul li .wttitle:hover b{
	color: #0b71d9;
}
.sci-cjwt-box .cjwtbox .right-info ul li .wttitle b{
	display: inline-block;
	font-size: 14px;
	color: #777;
	width: 44px;
}
.sci-cjwt-box .cjwtbox .right-info ul li .wttitle p{
	display: inline-block;
	width: 746px;
	font-size: 15px;
	font-weight: bold;
}
.sci-cjwt-box .cjwtbox .right-info ul li .wttitle .close{
	display: inline-block;
	width: 14px;
	height: 14px;
	// background: url(../../public/image/sci/sci_icon_cjwt.png) no-repeat;
	background-position: 0 -130px;
}
.sci-cjwt-box .cjwtbox .right-info ul li .wttitle .open{
	display: inline-block;
	width: 14px;
	height: 14px;
	// background: url(../../public/image/sci/sci_icon_cjwt.png) no-repeat;
	background-position: 0 6px;
}
.sci-cjwt-box .cjwtbox .right-info ul li .wtanswer{
	display: none;
}
.sci-cjwt-box .cjwtbox .right-info ul li:first-of-type .wtanswer{
	display: block;
}
.sci-cjwt-box .cjwtbox .right-info ul li .wtanswer p{
	font-size: 14px;
	line-height: 1.75;
	padding-left: 46px;
}
.sci-cjwt-box .cjwtbox .right-info ul li.active .wttitle b{
	color: #0b71d9;
}
.sci-cjwt-box .cjwtbox .right-info ul li.active  .wttitle p{
	color: #0b71d9;
}
/*他们都在使用*/
.sci-others-box ul{
	padding: 10px 0 50px 0;
}
.sci-others-box ul li{
	width: 186px;
	height: 233px;
	border-radius: 6px;
	box-shadow:0 0 8px rgba(190, 190, 190, 0.15);
}
.sci-others-box ul li:hover{
	box-shadow:0 0 16px rgba(190, 190, 190, 0.15);
}
.sci-others-box ul li:hover span{
	color: #0b71d9;
}
.sci-others-box ul li .item-img{
	width: 116px;
	height: 116px;
	margin: 36px auto 25px;
	background: url(../../public/image/sci/sci_icon_others.png) no-repeat;
}
.sci-others-box ul li:first-of-type .item-img{
	width: 117px;
	background-position: 0 0;
}
.sci-others-box ul li:nth-of-type(2) .item-img{
	background-position: -206px 0;
}
.sci-others-box ul li:nth-of-type(3) .item-img{
	background-position: -408px 0;
}
.sci-others-box ul li:nth-of-type(4) .item-img{
	width: 117px;
	background-position: -610px 0;
}
.sci-others-box ul li:nth-of-type(5) .item-img{
	background-position: -815px 0;
}
.sci-others-box ul li:nth-of-type(6) .item-img{
	width: 117px;
	background-position: -1020px 0;
}
.sci-others-box ul li span{
	display: block;
	font-size: 16px;
	text-align: center;
}
/*广告*/
.sci-ad{
	width: 100%;
	height: 180px;
	text-align: center;
	background: url(../../public/image/sci/sci_banner_bottom.png) no-repeat;
}
.sci-ad a{
	display: block;
	height: 180px;
}
.sci-ad a .table{
	width: 100%;
	height: 180px;
}
.sci-ad a p{
	font-size: 32px;
	color: #fff;
}
.sci-ad a span{
	display: block;
	width: 160px;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	color: #0b71d9;
	background-color: #fff;
	border-radius: 4px;
	margin: 20px auto 0;
}
/*页脚*/
.sci_dibu_footer{
	width: 100%;
	height: 150px;
	box-sizing: border-box;
}
.sci-foot{
	width: 100%;
	height: 106px;
	padding: 30px 0;
	box-sizing: border-box;
}
.sci-foot .left-panel{
	font-size: 14px;
	color: #666;
}
.sci-foot .left-panel ul li{
	float: left;
}
.sci-foot .left-panel ul li a{
	font-size: 14px;
	color: #666;
}
.sci-foot .left-panel ul li:not(:last-of-type):after{
	content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background-color: #808080;
    vertical-align: middle;
    margin: 0 8px 2px 8px;
}
.sci-foot .left-panel>p{
	margin-top: 5px;
}
.sci-foot .left-panel>p a, .sci-foot .left-panel ul li>p span{
	font-size: 14px;
	color: #666;
}
.sci-foot .left-panel .gabba:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../public/image/sci/icon_gaba.png)no-repeat center;
	margin:0 4px 4px 12px;
	vertical-align: top;
}
.sci-foot .right-panel{
	height: 50px;
	position: relative;
}
.sci-foot .right-panel:before{
	content: "";
    display: inline-block;
    width: 48px;
    height: 45px;
    background: url(../../public/image/sci/sci_icon_foot_tel.png) no-repeat;
    position: absolute;
    top: 3px;
    left: 0;
}
.sci-foot .right-panel p{
	font-size: 14px;
	color: #666;
	padding-left: 62px;
}
.sci-foot .right-panel p>b{
	font-weight: bold;
	color: #222;
}
.sci-foot .right-panel p:first-of-type{
	margin: 2px 0 4px 0;
}
.dl-side-sci span{
	width: 205px;
	height: 62px;
}
/* 公安部备案图标 */
.gabba:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../public/image/sci/icon_gaba.png) no-repeat center;
	margin:0 4px 4px 0;
	vertical-align: top;
}
</style>